import {Nav, Navbar} from "react-bootstrap";
import React, {Component} from "react";

class Navigation extends Component {
    render() {
        return (
            <Navbar bg="light" expand="lg">
                <Navbar.Brand href={null}>共享板凳</Navbar.Brand>
                <Navbar.Toggle aria-controls="basic-navbar-nav"/>
                <Navbar.Collapse id="basic-navbar-nav">
                    <Nav className="mr-auto">
                        <Nav.Link href={null} onClick={() => this.props.setState({selected: 'PAGE_MAIN'})}>首页</Nav.Link>
                        <Nav.Link href={null} onClick={() => this.props.setState({selected: 'PAGE_WALLET'})}>钱包</Nav.Link>
                        <Nav.Link href={null} onClick={() => this.props.setState({selected: 'PAGE_MY'})}>我的</Nav.Link>
                    </Nav>
                </Navbar.Collapse>
            </Navbar>
        )
    }
}

export {Navigation}